@import "font";
@import "color";

/**************************************
* 颜色主题
***************************************/

// 主题圆角配置
@baseRadius: 8px; // 标准圆角
@smallRadius: 4px; // 标准圆角内的小圆角
@tableRadius: 6px; // 表格圆角
@tagRadius: 0.3em; // 标签圆角
@tagSmallRadius: 0.25em; // 标签小圆角
@circleRadius: 50%; // 半距圆角

// 主题信息
@themeName: "vlook-thinking";
@themeLogoLight: "";
@themeLogoDark: @themeLogoLight;

// 主题主色
@theme1: #298BCC;
@theme2: #27C2BD;
@theme3: #FFFFFF;
@theme1Dark: darken(@theme1, 10%);
@theme1Alt: lighten(@theme1, 45%);
@theme1AltDark: darken(@theme1Alt, 60%);
@theme2Dark: darken(@theme2, 10%);
@theme2Alt: lighten(@theme2, 50%);
@theme2AltDark: darken(@theme2Alt, 65%);
@theme3Dark: darken(@theme3, 20%);
@theme3Alt: lighten(@theme3, 40%);
@theme3AltDark: darken(@theme3Alt, 20%);

@themeForeColor: @theme3;
@themeForeColorFade: fade(@themeForeColor, 50%);
@themeBgColor: @theme1;
@themeBgColorFade: fade(@themeBgColor, 50%);
@themeBgColorDark: darken(@themeBgColor, 15%);
@themeBgColorAlt: lighten(@themeBgColor, 45%);

// 标题色
@headerColor: @themeBgColor;
@headerColorDark: @themeBgColor;
@tocHeaderNumColor: @foreColorLightFade;
@contentHeaderNumColor: @themeBgColorFade;

// 行内代码背景色
@codeBgColor: lighten(@themeBgColor, 40%);
@codeBgColorDark:  darken(@themeBgColor, 25%);

// 按钮色
@buttonForeColor: @themeForeColor;
@buttonForeHoverColor: @theme3;
@buttonBgColor: @themeBgColor;

// 加粗文字颜色
@boldColorLight: @foreColorLight;//#202224;
@boldColorDark: @foreColorDark;

// 链接颜色
@aBorderWidth: 2px;
@aColor: @boldColorLight;
@aColorDark: @boldColorDark;
@aLineColor: @theme2;
@aHoverColor: @aLineColor;
@aActiveColor: desaturate(@aLineColor, 30%);

// 选中内容的背景色
@selectionColor: fade(@aLineColor, 30%);

// 表格十字光标颜色
@tableCrossBgColor: fade(@aLineColor, 20%);

// 封面、封底文字位置及对齐方式
@coverTextAlign: left;
@coverTextPadding: 400px 60px 50px;
@coverTextColor: @themeForeColor;
@coverSubColor: @codeBgColor;
@coverSupColor: @coverSubColor;
@coverAuthorColor: @themeBgColor;
@coverOwnerColor: @coverAuthorColor;

@backCoverTextAlign: left;
@backCoverTextPadding: 160px 60px 50px;
@backCoverTextColor: @themeBgColor;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorder: 0 0 0 0 rgba(0, 0, 0, 0);
@contrastBorderForCover: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;

// 封面背景设置
@coverBackgroundColor: #EDEDED;
@coverBackgroundImage: url(@coverLogo), url(@converBannerBlue), url(@converBannerGreen), url(@coverTopRight), url(@coverTopLeft), url(@coverBottomRight), url(@coverBottomLeft);
@coverBackgroundSize: auto;
@coverBackgroundRepeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
@coverBackgroundPosition: top left, bottom left, bottom right, top right, top left, bottom right, bottom left;
// 封底背景设置
@backCoverBackgroundColor: @coverBackgroundColor;
@backCoverBackgroundImage: url(@coverLogo), url(@coverBottomLeft), url(@coverBottomRight);
@backCoverBackgroundSize: @coverBackgroundSize;
@backCoverBackgroundRepeat: no-repeat, no-repeat, no-repeat;
@backCoverBackgroundPosition: top left, bottom left, bottom right;

// 封面、封底素材资源
@coverLogo: "";
@coverBg: "";
@coverTopRight: "";
@coverTopLeft: "";
@coverBottomRight: "";
@coverBottomLeft: "";
@converBannerBlue: "";
@converBannerGreen: "";

@import "base";
